home *** CD-ROM | disk | FTP | other *** search
/ PC go! 2017 October / PCgo 10-2017 CD-ROM Germany.iso / nw.pak / Unnamed File 000106.txt < prev    next >
Encoding:
Text File  |  2015-07-29  |  5.7 KB  |  176 lines
  1. /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  2.  * Use of this source code is governed by a BSD-style license that can be
  3.  * found in the LICENSE file. */
  4.  
  5. tree {
  6.   display: block;
  7.   outline: none;
  8.   overflow: auto;
  9. }
  10.  
  11. .tree-item > .tree-row {
  12.   -webkit-user-select: none;
  13.   background-color: rgba(255, 255, 255, 0);
  14.   border: 1px solid rgba(255, 255, 255, 0); /* transparent white */
  15.   border-radius: 2px;
  16.   color: black;
  17.   cursor: default;
  18.   line-height: 28px;
  19.   padding: 0 3px;
  20.   position: relative;
  21.   white-space: nowrap;
  22. }
  23.  
  24. .expand-icon {
  25.   -webkit-transform: rotate(-90deg);
  26.   -webkit-transition: all 150ms;
  27.   background-image: -webkit-canvas(tree-triangle);
  28.   background-position: 50% 50%;
  29.   background-repeat: no-repeat;
  30.   background-size: 8px 5px;
  31.   display: inline-block;
  32.   height: 16px;
  33.   opacity: .6;
  34.   position: relative;
  35.   top: 6px;
  36.   vertical-align: top;
  37.   width: 16px;
  38. }
  39.  
  40. html[dir=rtl] .expand-icon {
  41.   -webkit-transform: rotate(90deg);
  42. }
  43.  
  44. .tree-item[expanded] > .tree-row > .expand-icon {
  45.   -webkit-transform: rotate(0);
  46.   background-image: -webkit-canvas(tree-triangle);
  47.   opacity: .5;
  48. }
  49.  
  50. .tree-row .expand-icon {
  51.   visibility: hidden;
  52. }
  53.  
  54. .tree-row[may-have-children] .expand-icon {
  55.   visibility: visible;
  56. }
  57.  
  58. .tree-row[has-children=false] .expand-icon {
  59.   visibility: hidden;
  60. }
  61.  
  62. .tree-row:hover {
  63.   background-color: hsl(214, 91%, 97%);
  64.   border-color: hsl(214, 91%, 85%);
  65.   z-index: 1;
  66. }
  67.  
  68. /*
  69.   WebKit has a bug with attribute selectors so we apply selected to the tree row
  70.   as well.
  71.  
  72.   https://bugs.webkit.org/show_bug.cgi?id=12519
  73.  
  74. */
  75. .tree-row[selected] {
  76.   background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.8),
  77.                                             rgba(255,255,255,0));
  78. }
  79.  
  80. .tree-row[selected] {
  81.   background-color: hsl(0, 0%, 90%);
  82.   border-color: hsl(0, 0%, 85%);
  83.   z-index: 2;
  84. }
  85.  
  86. .tree-row[selected]:hover,
  87. tree:focus .tree-row[selected] {
  88.   background-color: hsl(214, 91%, 89%);
  89.   border-color: rgb(125, 162, 206);
  90. }
  91.  
  92. .tree-children[expanded] {
  93.   display: block;
  94. }
  95.  
  96. .tree-children {
  97.   display: none;
  98. }
  99.  
  100. .tree-item > .tree-row > * {
  101.   box-sizing: border-box;
  102.   display: inline-block;
  103. }
  104.  
  105. .tree-label {
  106.   -webkit-padding-start: 20px;
  107.   background-position: 0 50%;
  108.   background-repeat: no-repeat;
  109.   white-space: pre;
  110. }
  111.  
  112. html[dir=rtl] .tree-label {
  113.   background-position: 100% 50%;
  114. }
  115.  
  116. html[dir=rtl] .tree-label,
  117. html[dir=rtl] .tree-row[may-have-children] > .tree-label {
  118.   background-image: -webkit-image-set(
  119.       url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAABRUlEQVR4Xs2UPUvEQBCG39mLnvhZXSEoWghWguAfsNPK1kYUG6+00fYKbSwtBLlrBFv/hKWVpVaWYiESReJdNNlxdhIRwkLIcYhDhmcHss/skuwSM2NQYTDACKoIjnZX9wRtj6fZurjuVJI50ebWBuYXl7SIokh5dnLqGnSCCt0xMz2F+OUB9zePWjMbZWN2QecVZexwcLiD4cYcNIjco4RCqEOBkrC8Bhzvt9rebfLTHYLJUWiYGkAGrMzGMEapCQKboOQDxKFCBCokN0GSA2liawVhmaz7lrE+DlgDmETFlH6pFCLln1VTvURm01/pyATArnbSXCZSGhrTVTNxhZ+2957JbaISJD3JLhC/Cj/B1lY8AXEkYIBtLs6lqchS/qPj9BFL1+fQIwjhf//WL1tZ38b51SX6iCaYuZB9h3eb9C/us28Uf7F5VS9BsgAAAABJRU5ErkJggg==) 1x);
  120. }
  121.  
  122. html[dir=rtl] .tree-item[expanded] > .tree-row > .tree-label {
  123.   background-image: -webkit-image-set(
  124.      url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAABTUlEQVR4Xs3Uy0oCUQDGcZ+s3qBt2yCYRZsg3ASFRQUtKroaWVZCQRkkhEGEXXyADJVg7KKVUjGpFRQEOufrzHcwc5ggh6AWf2Zz5nc+ZjEeAL/W32GDHa2aDA5pbjDosXG85/dZSY9YESTWxO0I9rYhudmF060elgh7mb+/k+vsmM8C3s6WUTEOVI+HqBZlpSNmlo9hPqnEs1Uc4iVuYVzSIkOgr73pCql1iHIMpkSJARiwsNeYF9XU2Ge4nFddBYBcELgJAXn58n0E4mEHwogSFMU9rv0eOxkC0qOq81ngwi/RBSC7BFyvArdrwN02sYrBT1DDGkEkR4jJZ73MtERnZHNqbXYRyK0AhXANdMSYmRgm0pA+KZuqw1wbcMBsYDU9QcABrJdRMHIhgnbM92Wde8wOGrvdBH8Yzzti0Y0gJ7tII2IHXeb5v/+zD5m5/ov62ALOAAAAAElFTkSuQmCC) 1x);
  125. }
  126.  
  127. tree[icon-visibility=hidden] .tree-label {
  128.   -webkit-padding-start: 0;
  129.   background-image: none !important;
  130. }
  131.  
  132. tree[icon-visibility=parent] .tree-label,
  133. tree[icon-visibility=parent] .tree-row[has-children=false] > .tree-label {
  134.   background-image: none;
  135. }
  136.  
  137. .tree-label,
  138. .tree-row[may-have-children] > .tree-label {
  139.   background-image: -webkit-image-set(
  140.       url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAABLElEQVR4Xs2Ur0oEURhHz10UwQkmg6DNZvQFDAafYsHiGgwGg8lg1S5jEcEiNvEBLPZFQbC5yWCSdZf5ez/5wQUHlpW7sqAHPhi+4R4OA3ecmTEtWkyRGYDj7Y0dIGWUztHF/flEMon2DvcRSZIgXl+euL66TYF4maoWV1bpPT4gnPOIls9YXlpQtSEiqlWW7h60wQAMMwQYrG0Gj4V9eFm89zg9uVS1xjVlmBnOV4DhzIPG+/Bc43wddjUif3v+4Zt5QLKGCEmqofZhJKwZT7OsLiVSBTQlEoQy8s8IWS1ZARKVA7AgUiGqNMj6ABEyHaoKKPvfNRJoMMgHBOLKUFmVAUESkOjvrtNH9475uVliGeblWFnn7KabMiHrW21GMDPs99AclQn37/5nX4eJ9e7eNnr7AAAAAElFTkSuQmCC) 1x);
  141. }
  142.  
  143. .tree-item[expanded] > .tree-row > .tree-label {
  144.   background-image: -webkit-image-set(
  145.       url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAABUElEQVR4XrXUzUoCURyG8a6s7qBt2yBw0SYIN0FhUUGLij6NLCshoQwSwiDCzC4gQyVQ+7BSKkytoCBwPE+nP52FqaBii4dZzPDjPcMwHUDbaj821ttl01EjWysYhYRf+socS4ngjIDNYLLKOdJHxGeXLvYGpehuP+6hbgEbXC0Y6v0M9fZTmPLrb8UwVuEUKR+i9KLLnUiflxtmtaMKK2tEFYNkY15cwz3NZpZ2CqZXoPJHAqhcAPV8gHryQ8YL9x5Iu+HGBdcrkhWbNvERtJuVo4Lpo+j5IcF43IeHbbjbgtt1jazClRNSSxCfkqzz8fqYgcj6IL2pkTVZQGpZtwjJBYhOmgTT1wrIvDODyVFkhQES87o5g5goRyYEqokJlPYIQFIAqQYkWfHZKqhV7O8qRwWWOxyQmw0mz9f7zmw6mi2w467CjOpopX//BbWtb8Fi/ouV4PDxAAAAAElFTkSuQmCC) 1x);
  146. }
  147.  
  148. /* We need to ensure that even empty labels take up space */
  149. .tree-label:empty::after {
  150.   content: ' ';
  151.   white-space: pre;
  152. }
  153.  
  154. .tree-rename > .tree-row > .tree-label {
  155.   -webkit-user-modify: read-write-plaintext-only;
  156.   -webkit-user-select: auto;
  157.   background: white;
  158.   color: black;
  159.   outline: 1px solid black;
  160. }
  161.  
  162. .tree-item[editing] input {
  163.   /* Do not inherit the line-height */
  164.   font-family: inherit;
  165.   font-size: inherit;
  166.   font-weight: inherit;
  167.   margin: -2px -8px -2px -3px;
  168. outline: none;
  169.   padding: 1px 7px 1px 1px;
  170. }
  171.  
  172. html[dir=rtl] .tree-item[editing] input {
  173.   margin: -2px -3px -2px -8px;
  174.   padding: 1px 1px 1px 7px;
  175. }
  176.